<template>
  <div class="peerAnalysis">
    <div class="p-a-left">
      <leftUploadSearch @resetClick="resetClick" @searchClick="searchClick" />
    </div>
    <div class="p-a-right">
      <div>
        <commonArchiveImage :common-title="'相似档案图片'" :image-list="similarImageList" />
      </div>
      <div style="margin-top: 20px">
        <commonArchiveImage :common-title="'疑似档案图片'" :is-input="false" :image-list="suspectImageList" />
      </div>
      <div style="margin-top: 35px">
        <commonTravelRecord :common-title="'搜索人出行记录'" :record-list="searchList" />
      </div>
      <div style="margin-top: 35px">
        <commonTravelRecord :common-title="'同行人出行记录'" :record-list="peersList" />
      </div>
    </div>
  </div>
</template>

<script>
import commonArchiveImage from "@/views/investigateBusiness/peerAnalysis/components/commonArchiveImage"
import commonTravelRecord from "@/views/investigateBusiness/peerAnalysis/components/commonTravelRecord"
import leftUploadSearch from "@/views/investigateBusiness/peerAnalysis/components/leftUploadSearch"
export default {
  name: "peerAnalysis",
  props: {},
  components: { commonArchiveImage, commonTravelRecord, leftUploadSearch },
  data() {
    return {
      similarImageList: [
        { id: 1, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 2, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 3, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 4, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 5, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 6, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 7, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 8, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") }
      ], // 相似档案图片列表
      suspectImageList: [
        { id: 1, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") },
        { id: 2, url: require("@/assets/images/investigateBusiness/bg-person-logo.png") }
      ], // 疑似档案图片列表
      searchList: [
        {
          id: 1,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        },
        {
          id: 2,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        },
        {
          id: 3,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        },
        {
          id: 4,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        },
        {
          id: 5,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        }
      ], // 搜索人出行记录
      peersList: [
        {
          id: 1,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        },
        {
          id: 2,
          url: require("@/assets/images/investigateBusiness/travel-record-bg.png"),
          name: "A小区",
          time: "2023-12-02 12:00"
        }
      ] // 同行人出行记录
    }
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {
    // 重置点击
    resetClick(val) {
      console.log(val)
    },
    // 搜索点击
    searchClick(val) {
      console.log(val)
    }
  }
}
</script>

<style scoped lang="scss">
.peerAnalysis {
  height: 100%;
  display: flex;
  .p-a-left {
    margin-top: 20px;
    width: 320px;
    height: 598px;
  }
  .p-a-right {
    height: calc(100vh - 120px);
    flex: 1;
    margin: 20px 65px 20px 30px;
    overflow-y: scroll;
  }
}
::v-deep {
  .p-a-right::-webkit-scrollbar {
    display: none;
  }
}
</style>
